<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		1.两端对齐text-aline:justify<br /><br />				
		<p style="width: 300px;text-align: justify;background: pink;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. In adipisci molestiae unde placeat suscipit repellat inventore voluptatem numquam? Voluptatem labore vitae nisi ipsum ex dicta neque maiores illum voluptate itaque!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus fugiat cum asperiores ipsam totam quos obcaecati perferendis quas laudantium dolorum! Iusto atque ullam officiis veritatis pariatur harum tempora nemo id.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat temporibus consectetur alias dicta illum odio consequuntur ab eligendi error deleniti iure autem in laboriosam! Exercitationem veritatis odit similique ab quisquam.</p>
		<br /><br />
		2.行高的应用，只需要设置line-height 不用设置height<br /><br />
		<div style="line-height: 50px;">
			<p style="background: pink;font-size: 36px;">这是一段话</p>
		</div>
		
		3.下划线、上划线、删除线<br /><br />
		(1)、上划线text-decoration: overline<br /><br />
		<p style="text-decoration: overline">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus incidunt earum praesentium modi sit accusantium saepe repellat officiis cum dicta explicabo labore repudiandae dolores deserunt deleniti rerum neque. Nulla autem!</p>
		
		(2)、下划线text-decoration: underline<br /><br />
		<p style="text-decoration: underline">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus incidunt earum praesentium modi sit accusantium saepe repellat officiis cum dicta explicabo labore repudiandae dolores deserunt deleniti rerum neque. Nulla autem!</p>
		
		(3)、删除线text-decoration: line-through<br /><br />
		<p style="text-decoration: line-through">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus incidunt earum praesentium modi sit accusantium saepe repellat officiis cum dicta explicabo labore repudiandae dolores deserunt deleniti rerum neque. Nulla autem!</p>
		
		
		4.字体模糊text-shadow:<br /><br />
		<p style="font-size: 36px;text-shadow: 2px 2px 2px #333333;">这是一段文字</p>
		
	</body>
</html>
